<template>
    <div class='room'>
        <div class="room-title"></div>
        <div class="room-list">
            <div class="list">
                <a href="" v-for="item in 6">
                    <img src="https://www.ikea.cn/images/b3/71/b37126d66ec75c2bf7dd94729b3f841d.jpg?f=xxxs" alt="">
                    <p>3D房间</p>
                </a>
                               
            </div>
            <div class="list">
                <a href="" v-for="item in 4">
                    <img src="https://www.ikea.cn/images/er2-tong2-fang2-yi1-jiao3-fang4-zhuo2-sundvik-sang1-wei2-yin-b60358ba2727a34b23dd308095e30c5a.jpg?f=xxxs" alt="">
                    <p>3D房间</p>
                </a>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: '',
        data(){
            return {}
    },
    components: {},
    created(){},
    mounted(){},
    methods: {}
    }
</script>
<style lang='stylus' scoped>
.room
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    color: #000;
    padding: 0 .15rem;
    .room-title
        padding: .24rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    .room-list
        overflow hidden
        .list
            float: left;
            text-align: center;
            width: 50%;
            padding: 0 .05rem;
            a
                font-size: .12rem;
                margin-bottom: .24rem;
                display: block;
                img
                    width 100%
                    border-radius: .04rem;
                p
                    margin: .12rem 0 0;
                    color: #000;
</style>
